<!DOCTYPE html>
<html lang="en">

<head>
  <meta name="keywords" content="PC Partner" />
  <meta name="description" content="PC Partner" />
  <meta http-equiv="content-language" content="zh-TW">
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Title</title>
  <link rel="stylesheet" href="css/reset.css" />
  <link rel="stylesheet" href="css/style.css" />
  <link rel="stylesheet" href="css/swiper.min.css" />
  <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/bootstrap-xinqi.css" />
    <link rel="stylesheet" href="css/animate.css" />
</head>

<body>
  <div class="page-container">
    <video id="video" autoplay loop muted x-webkit-airplay="true" airplay="allow" webkit-playsinline="true"
      playsinline="true" src="./images/file/home-vedio.mp4" class="bg-video" data-object-fit="cover"></video>
    <!-- 导航栏 -->
    <img class="nav-img sidebar_trigger" src="./images/file/Property 1=default.png" />
    <div class="sidebar">
      <ul>
        <div class="mask-wrap"><img class="mask" src="./images/file/Property 1=default.png" /></div>
        <li><a href="#Home">Home</a></li>
        <li><a href="#Story">Story</a></li>
        <li><a href="#Why">Why</a></li>
        <li><a href="#Production">Production</a></li>
        <li class="country"><a href="#Country"><img class="country-img" src="./images/file/sv 1.png" />Svenska</a></li>
      </ul>
    </div>
    <div class="page-content">
      <div class="page-header" id="Home">
        <img class="title-img title-img_EN" src="./images/file/title_EN.png" alt="">
        <img class="title-img title-img_SV hidden" style="width: 21.27rem;margin-left: 10%;"
          src="./images/file/title_SV.png" alt="">
        <a href="#Story" class="down-btn"></a>
        <img class="header-kwp" src="./images/file/KWp.png" alt="">
      </div>
      <div class="yellow">
        <div id="Story">
          <div class="content-item flex-wrap" style="margin-top: -7px;padding-top: 50px;">
            <div class="left-div">
              <span class="desc-text1 text"></span>
            </div>
            <div class="right-div">
              <div class="story-woman"></div>
              <div class="desc-text2 text" style="width: 405px;margin-top: 14px;"></div>
              <div class="desc-text21 text" style="width: 405px;"></div>
            </div>
          </div>
          <!-- 长列表 pc-->
          <div id="longpc" style="overflow: hidden;position: relative;margin: 2.14rem 0;">
            <div class="long-list" style="background-color: #b2903c;">
              <div class="swiper-container">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <div class="content-5-wrap">
                      <video class="content-5 first-img" autoplay loop muted x-webkit-airplay="true" airplay="allow"
                        webkit-playsinline="true" playsinline="true" src="./images/file/why-video.mp4"
                        data-object-fit="cover"></video>
                      <div class="content-text">
                        <p>Nazira and Bahtiyar moved from Uzbekistan to Sweden to give their children a safer life and ended up
                          in Tensta, a socio-economic vulnerable suburb of Stockholm.</p>
                        <p class="content-text-p">They create a nice home, have good neighbors and really feel at home and safe
                          in their neighborhood.</p>
                      </div>
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="content-5-wrap">
                      <div class="content-5">
                        <img src="./images/file/img-car.png" />
                        <div class="content-line-wrap">
                          <div class="content-line">
                            <span class="line"></span>
                            A REAL STORY
                          </div>
                          Nazira’s family is threatened by a gang wielding guns in the car park outside their home.
                        </div>
                      </div>
                      <div class="content-text">
                        One evening something happens that changes everything. As they return home the whole family is threatened by a gang wielding guns in the car park outside their home. Whilst Nazira reacts with anger, her husband and the children are scared. They want to move but Nazira wants to stay, she refuses to leave her home and her neighbors – asking herself what if all the good people moved away? Who then could make a difference?
                      </div>
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="content-5-wrap">
                      <img class="content-5" src="./images/file/long-list-2.png" />
                      <div class="content-text">
                        We follow Nazira’s journey, from the everyday family life with the conflict about moving or staying to Nazira's own investigation into the situation in Tensta. Nazira knocks on people’s doors, meets neighbors, former criminals and politicians in her effort to understand what is happening. Meanwhile, the situation on the ground gets worse, as Sweden tops the statistic for most shootings per capita in Europe.
                      </div>
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="content-5-wrap">
                      <div class="content-5">
                        <img class="content-5" src="./images/file/meeting.png" />
                        <div class="content-line-wrap">
                          Who is responsible for the situation in our suburbs and what to do?
                        </div>
                      </div>
                      
                      <div class="content-text">
                        Through the story of Nazira and her family, the film touches one of the most important and urgent question in our society today: Who is responsible for the situation in our suburbs and what to do?
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="left-meng"></div>
            <div class="right-meng"></div>
          </div>
          <!-- 长列表 移动-->
          <div id="longmobal">
            <div class="">
              <video class="content-5 first-img" autoplay loop muted x-webkit-airplay="true" airplay="allow"
                webkit-playsinline="true" playsinline="true" src="./images/file/why-video.mp4"
                data-object-fit="cover"></video>
              <div class="content-text">
                <p>Nazira and Bahtiyar moved from Uzbekistan to Sweden to give their children a safer life and ended up
                  in Tensta, a socio-economic vulnerable suburb of Stockholm.</p>
                <p class="content-text-p">They create a nice home, have good neighbors and really feel at home and safe
                  in their neighborhood.</p>
              </div>
            </div>
            <div class="">
              <div class="content-5">
                <img src="./images/file/img-car.png" />
                <div class="content-line-wrap">
                  <div class="content-line">
                    <span class="line"></span>
                    A REAL STORY
                  </div>
                  Nazira’s family is threatened by a gang wielding guns in the car park outside their home.
                </div>
              </div>
              <div class="content-text">
                One evening something happens that changes everything. As they return home the whole family is threatened by a gang wielding guns in the car park outside their home. Whilst Nazira reacts with anger, her husband and the children are scared. They want to move but Nazira wants to stay, she refuses to leave her home and her neighbors – asking herself what if all the good people moved away? Who then could make a difference?
              </div>
            </div>
            <div class="">
              <img class="content-5" src="./images/file/long-list-2.png" />
              <div class="content-text">
                We follow Nazira’s journey, from the everyday family life with the conflict about moving or staying to Nazira's own investigation into the situation in Tensta. Nazira knocks on people’s doors, meets neighbors, former criminals and politicians in her effort to understand what is happening. Meanwhile, the situation on the ground gets worse, as Sweden tops the statistic for most shootings per capita in Europe.
              </div>
            </div>
            <div>
              <div class="content-5">
                <img class="content-5" src="./images/file/meeting.png" />
                <div class="content-line-wrap">
                  Who is responsible for the situation in our suburbs and what to do?
                </div>
              </div>
              <div class="content-text">
                Through the story of Nazira and her family, the film touches one of the most important and urgent question in our society today: Who is responsible for the situation in our suburbs and what to do?
              </div>
            </div>
          </div>
          <div class="content-item">
            <span class="desc-text4 text"></span>
          </div>
          <div class="content-item">
            <div class="content-3"></div>
          </div>
        </div>
        <div id="Why">
          <div class="content-item">
            <span class="desc-text5 text"></span>
          </div>
          <div class="content-item">
            <div class="content-6-wrap">
              <div class="content-6"></div>
            </div>
          </div>
          <div class="content-item">
            <span class="desc-text6 text"></span>
          </div>
        </div>
      </div>
      <div id="Production">
        <div class="content-item" style="margin-top: 0;">
          <div class="text-image_wrap" style="position: relative;background: #D8AF4A">
            <img class="text-image text-image_EN" style="position: absolute;bottom: 0;right: 36px;"
              src="./images/file/text-desc_en.png" alt="">
            <img class="text-image text-image_SV hidden" style="position: absolute;margin-top:2rem;right: 36px;"
              src="./images/file/text-desc_sv.png" alt="">
          </div>
          <div class="row" style="flex:1;margin: 0;background: rgba(26, 19, 3, 0.80);">
            <div class="person-desc_wrap col-md-6" style="padding-right: 0;">
              <div class="person-img person-logo1"></div>
              <div class="person-desc desc-text7"></div>
            </div>
            <div class="person-desc_wrap col-md-6" style="padding-left: 50px;">
              <div class="person-img person-logo2"></div>
              <div class="person-desc desc-text8"></div>
            </div>
          </div>
          
        </div>
        <div class="content-item bottom-div" style="margin: -2.14rem 0 0;">
          <div class="left-wrap yellow">
            <div class="txt-left">
              <span class="text desc-text9"></span>
            </div>
            <div class="txt-left">
              <img src="./images/file/logo-pic.png" alt="" class="pander" style="width: 3.7rem;height: 2.97rem">
              <a href="https://www.folketsbio.se/"
                style="font-size: 20px;color: #1A1A1A;text-decoration: underline">Folkets Bio, Stockholm
              </a>
            </div>
            <div class="txt-left" style="text-align: left;margin-top: 3.34rem">
              <span class="desc-text10"></span>
            </div>
            <div class="contract-wrap">
              <p>Karin Wegsjö, KW Produktion,</p>
              <p>Skeppargatan 55, </p>
              <p>114 59 Stockholm</p>
              <p>Tel.+46 707811372</p>
            </div>
            <div class="contract-wrap">
              <p><a class="txt-underline" href="karin@wegsjo.se">  karin@wegsjo.se</a></p>
              <p><a class="txt-underline" href="www.ifeveryonejustleaves.se">www.ifeveryonejustleaves.se</a></p>
              <p><a class="txt-underline" href="www.wegsjo.se">www.wegsjo.se</a></p>
            </div>
          </div>
          <div class="right-wrap">
            <div class="text-wrap">
              <div class="text-item">
                <label class="text-label">Regissör och fotograf</label>
                <span class="text-value">Karin Wegsjö</span>
              </div>
              <div class="text-item">
                <label class="text-label">Co-regissör</label>
                <span class="text-value">Nazira Abzalova</span>
              </div>
              <div class="text-item">
                <label class="text-label">Klipp</label>
                <span class="text-value">Sascha Fülscher</span>
              </div>
              <div class="text-item">
                <label class="text-label">Musik</label>
                <span class="text-value">Magnus Andersson Lagerqvist</span>
              </div>
              <div class="text-item">
                <label class="text-label">Manus</label>
                <span class="text-value">Karin Wegsjö, Sascha Fülscher, Nazira Abzalova</span>
              </div>
              <div class="text-item">
                <label class="text-label">Exekutiv Producent</label>
                <span class="text-value">Dylan Williams</span>
              </div>
              <div class="text-item">
                <label class="text-label">Producent</label>
                <span class="text-value">Karin WeGsjö</span>
              </div>
            </div>
            <div class="text-wrap">
              <div class="text-item">
                <label class="text-label">Övrigt foto</label>
                <span class="text-value">Iga Mikler, Inu Enescu, Nazira Abzalova, Johan Holmqvist
                </span>
              </div>
              <div class="text-item">
                <label class="text-label">Ljuddesign & Mix</label>
                <span class="text-value">Magnus Andersson Lagerqvist
                </span>
              </div>
              <div class="text-item">
                <label class="text-label">Konstnärlig rådgivare</label>
                <span class="text-value">Göran Du Rees</span>
              </div>
              <div class="text-item">
                <label class="text-label">Postproductions koordinator</label>
                <span class="text-value">Christer Engström, Shoot & Post</span>
              </div>
              <div class="text-item">
                <label class="text-label">Grade</label>
                <span class="text-value">Fateh Shams</span>
              </div>
              <div class="text-item">
                <label class="text-label">Forskningsinput</label>
                <span class="text-value">Hans Abrahamsson</span>
              </div>
              <div class="text-item">
                <label class="text-label">Grafisk designer</label>
                <span class="text-value">Jörgen Nordqvist</span>
              </div>
              <div class="text-item">
                <label class="text-label">Klippkonsulter</label>
                <span class="text-value">Dylan Williams & Göran Du Rees</span>
              </div>
            </div>
            <div class="text-wrap">
              <div class="text-item">
                <label class="text-label">Projektledare SVT</label>
                <span class="text-value">Helena Ingelsten</span>
              </div>
              <div class="text-item">
                <label class="text-label">Ansvarig utgivare SVT</label>
                <span class="text-value">Axel Arnö</span>
              </div>
              <div class="text-item">
                <label class="text-label">Filmkonsulent, Film Stockholm</label>
                <span class="text-value">Rafael Franco</span>
              </div>
              <div class="text-item">
                <label class="text-label">Filmkonsulter SFI</label>
                <span class="text-value">Anna Weitz & Cecilia Lidin</span>
              </div>
            </div>
            <div class="text-wrap">
              <div class="text-item">
                <label class="text-label">Övrig musik</label>
                <span class="text-value">Mozart, Symphony No. 40 in G Major (EMI Music Publishing Scandinavia AB)</span>
              </div>
            </div>
            <div class="text-wrap">
              <div class="text-item">
                <label class="text-label">Arkiv</label>
                <span class="text-value">SVT arkiv, Sveriges Radios arkiv, Uzbekfilm, del av filmen “Armon”; regissör
                  Melis Abzalovo 1986, Uzbekistan</span>
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>
  </div>
  <div class="page-footer">
    <img class="footer-item" src="./images/file/footer-kw.png" alt="" />
    <img class="footer-item" src="./images/file/footer-logo2.png" alt="" />
    <img class="footer-item" src="./images/file/footer-logo3.png" alt="" />
    <img class="footer-item" src="./images/file/footer-logo4.png" alt="" />
    <img class="footer-item" src="./images/file/footer-logo5.png" alt="" />
  </div>
  </div>

  <!-- 脚本加载 -->
  <script src="js/jquery.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/wow.min.js"></script>
  <script src="js/swiper.min.js"></script>
  <script src="config/language-config.js"></script>
  <script src="js/main.js"></script>
  <script>
    ;
    (function (doc, win) {
      var docEl = doc.documentElement,
        isIOS = navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
        dpr = isIOS ? Math.min(win.devicePixelRatio, 3) : 1,
        dpr = window.top === window.self ? dpr : 1 // 被iframe引用时，禁止缩放
      // 设置data-dpr属性，留作的css hack之用
      docEl.setAttribute('data-dpr', dpr)
      dpr = 1;
      (scale = 1 / dpr), (resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize')
      // docEl.dataset.dpr = dpr;
      var metaEl = doc.createElement('meta')
      metaEl.name = 'viewport'
      metaEl.content = 'initial-scale=' + scale + ',maximum-scale=' + scale + ', minimum-scale=' + scale
      docEl.firstElementChild.appendChild(metaEl)
      var recalc = function () {
        var width = docEl.clientWidth
        if (width / dpr > 1728) {
          width = 1728 * dpr
        }
        // 乘以25，px : rem = 30 : 1
        docEl.style.fontSize = 30 * (width / 1728) + 'px'
      }
      recalc()
      if (!doc.addEventListener) return
      win.addEventListener(resizeEvt, recalc, false)
    })(document, window)
    $(function () {
      setLanguage('EN')
    })

    function setLanguage(type) {
      Object.keys(languageConfig[type]).forEach((key) => {
        $('.' + key).html(languageConfig[type][key])
      })
      $('.title-img').addClass('hidden')
      $('.' + 'title-img_' + type).removeClass('hidden')

      $('.text-image').addClass('hidden')
      $('.' + 'text-image_' + type).removeClass('hidden')
    }
    var swiper = new Swiper('.swiper-container', {
      slidesPerView: 1.2,
      spaceBetween: 0,
      freeMode: true,
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
    });
  </script>
</body>

</html>